<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- utf-8编码集：万国码 -->
		<title>页面</title>
		<style>
			p1{
				
			}
		</style>
	</head>
	<body>
		<!-- html  属性和属性值 【所有元素存在，元素和属性捆绑】
		     功能：做效果     问题：针对一个元素有效
		  -->
		<p align="center" id="p1">lorem</p>
		<!-- css  做样式【效果】   针对全局
		 前端：内容与表现分离【html做结构、css做样式】
		     能使用css，不要使用html元素中属性和属性值
		   css3引入方式：①内部样式表----联系专用，代码量低
		                ②外部样式表----项目专用，代码量高
						③内联样式表----基本不用，代码冗余
						④引入样式表----根本不用，支持css2的引入方式
						              缺点：先内容后表现
		 -->
		<p style="text-align: center">lorem1</p>
	</body>
</html>
